<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务介绍</title>
    <link rel="stylesheet" type="text/css" href="../css/indexcss.css"/>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet"  type="text/css" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../css/animate.css">
    <link rel="stylesheet" type="text/css" href="../css/3Dstyle.css">
    <script src="../js/jquery.hover3d.js" ></script>
    <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
    <script>window.jQuery || document.write('<script src="../js/jquery-2.1.1.min.js"><\/script>')</script>
    <script src="../js/jquery.gototop.min.js"></script>
    <link rel="stylesheet"  type="text/css" href="../css/styles.css">
    <script>
        $(function(){
            $(".gototop").gototop({
                position : 0,
                duration : 1250,
                visibleAt : 300,
                classname : "isvisible"
            });
        });
        //初始化3D效果
        $(document).ready(function () {
            $(".project").hover3d({
                selector:".project__card",
                shine:true
            });
        });
    </script>
</head>
<body style="overflow-x: hidden">
<div name="indextop" class="itop">
    <table width="100%" height="150px">
        <tr>
            <td style="width: 40%" align="center">
                <div>
                    <span id="trademark">INTERNET &nbsp;</span>
                    <span id="trademark1">COMPANY</span>
                </div>

            </td>
            <td style="width: 60%" align="center">
                <table width="60%">
                    <tr align="center" id="indexfont">
                        <td>
                            <ul class="nav nav-pills">
                                <li><a href="../index.html" target="_self">首页</a></li>
                                <li class="active"><a href="service.html" target="_self">服务介绍</a> </li>
                                <li><a href="news.html" target="_self">新闻动态</a></li>
                                <li><a href="aboutus.html" target="_self">关于我们</a></li>
                                <li><a href="chatus.html" target="_self">联系我们</a></li>
                            </ul>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>

<div name="indexcontent" class="icont" style="margin-top:10px">
    <img src="../image/service_image1.jpg" style="width: 100%;">
    <div align="center" style="margin-bottom: 20px;margin-top: 50px" class="animated fadeInRightBig">
        <div>
            <span style="font-size: 32px;font-weight: bold;">我们的服务</span>
        </div>
        <div style="margin-bottom: 20px">
            <span style="background-color: transparent">
                <span style="font-size: 16px;">我们已经定制多套解决方案，助您轻松跨入"互联网+"时代</span>
            </span>
         </div>
         <span style="font-size: 22px;color: rgb(51,128,255);color: #3380ff;">——</span>
    </div>
    <div style="margin-top: 50px;margin-bottom: 50px">
        <table width="80%" align="center">
            <tr>
                <td width="50%" align="center" valign="middle" class="animated fadeInLeft">
                    <table width="80%" align="center">
                        <tr>
                            <td>
                              <span style="font-size: 26px;" >大数据</span><br><br><br>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <font color="#8f8f8f" style="color: rgb(143,143,143);">
                                    大数据，提供可视化开发界面、离线任务调度运维、快速数据集成、多
                                    人协同工作等功能，为您提供一个高效、安全的离线数据开发环境。并
                                    且拥有强大的Open API为数据应用开发者提供良好的再创作生态。
                                </font>
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="50%" class="animated fadeInRightBig">
                    <div class="project">
                        <div class="project__card">
                            <img src="../image/service_image2.jpg">
                            <div class="project__detail">
                                <h2 class="project__title"><a href="">大数据</a></h2>
                                <small class="project__category"><a href=""></a></small>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr style="margin-top: 0px">
                <td width="50%" class="animated fadeInLeft">
                    <div class="project">
                        <div class="project__card">
                            <img src="../image/service_image3.jpg">
                            <div class="project__detail">
                                <h2 class="project__title"><a href="">智能多媒体</a></h2>
                                <small class="project__category"><a href=""></a></small>
                            </div>
                        </div>
                    </div>
                </td>
                <td width="50%" align="center" valign="middle" class="animated fadeInRightBig">
                    <table width="80%" align="center">
                        <tr>
                            <td>
                                <span style="font-size: 26px;">智能多媒体</span><br><br><br>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <font color="#8f8f8f" style="color: rgb(143,143,143);">
                                    利用电脑把文字、图形、影象、动画、声音及视频等媒体信息都数位化，
                                    并将其整合在一定的交互式界面上，使电脑具有交互展示不同媒体形态
                                    的能力。
                                </font>
                            </td>
                        </tr>

                    </table>


                </td>
            </tr>
            <tr>
                <td width="50%" align="center" valign="middle" class="animated fadeInLeft">
                    <table width="80%" align="center">
                        <tr>
                            <td>
                                <span style="font-size: 26px;">物联网</span><br><br><br>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <font color="#8f8f8f" style="color: rgb(143,143,143);">
                                    我们为您提供物联网相关的应用软件开发服务、
                                    云计算服务和传感器应用设备技术咨询。我们的
                                    方案可以用于智能图书馆、智能超市、智能酒店
                                    、车联网等多行业客户。我们提供集成、可靠、
                                    安全的物联网云战略，满足您当前和未来的物联
                                    网需求，获得真正的业务价值。
                                </font>
                            </td>
                        </tr>

                    </table>


                </td>
                <td width="50%" class="animated fadeInRightBig">
                    <div class="project">
                        <div class="project__card">
                            <img src="../image/service_image4.jpg">
                            <div class="project__detail">
                                <h2 class="project__title"><a href="">物联网</a></h2>
                                <small class="project__category"><a href=""></a></small>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td width="50%" class="animated fadeInLeft">
                    <div class="project">
                        <div class="project__card">
                            <img src="../image/service_image5.jpg">
                            <div class="project__detail">
                                <h2 class="project__title"><a href="">云计算</a></h2>
                                <small class="project__category"><a href=""></a></small>
                            </div>
                        </div>
                    </div>
                </td>
                <td width="50%" align="center" valign="middle" class="animated fadeInRightBig">
                    <table width="80%" align="center">
                        <tr>
                            <td>
                                <span style="font-size: 26px;">云计算</span><br><br><br>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <font color="#8f8f8f" style="color: rgb(143,143,143);">
                                    云计算是一种快速、完全托管的TB/PB级数据仓库解决方案
                                    MaxCompute向用户提供了完善的数据导入方案以及多种经典
                                    的分布式计算模型，能够更快速的解决用户海量数据计算问
                                    题，有效降低企业成本，并保障数据安全。
                                </font>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <div align="center" style="background-color: #ecf0f6;margin-top: 0px">
        <div style="margin-bottom: 20px;margin-top: 200px;padding-top: 80px;" class="animated fadeInRight"><span style="font-size: 32px;font-weight: bold">服务案例</span></div>
        <div style="margin-bottom: 20px" class="animated fadeInLeft">
                <span style="background-color: transparent">
                    <span style="font-size: 16px;">我们联合第三方服务供应商，以更多的选择满足你业务全面的需求</span>
                </span>
        </div>
        <span style="font-size: 22px;color: rgb(51,128,255);color: #3380ff;">——</span>
        <div style="margin-top: 80px;padding-bottom: 80px;">
            <table width="60%">
                <tr>
                    <td rowspan="2" colspan="2" class="animated fadeInLeft"><a href="#"><img src="../image/a1.jpg"></a></td>
                    <td class="animated fadeInRight"><a href="#"><img src="../image/a2.jpg"></a></td>
                    <td class="animated fadeInRight"><a href="#"><img src="../image/a3.jpg"></a></td>
                    <td class="animated fadeInRight"><a href="#"><img src="../image/a4.jpg"></a></td>
                </tr>
                <tr>
                    <td class="animated fadeInRight"><a href="#"><img src="../image/a5.jpg"></a></td>
                    <td class="animated fadeInRight"><a href="#"><img src="../image/a6.jpg"></a></td>
                    <td class="animated fadeInRight"><a href="#"><img src="../image/a7.jpg"></a></td>
                </tr>
            </table>
        </div>
    </div>
</div>
<button class="gototop"><span>返回顶部</span></button>
<div name="indexbottom" class="ibott" style="margin-top: 100px">
    <div>
        <table width="100%" height="130px">
            <tr align="center">
                <td><img src="../image/pei.png" class="iconver">
                    <span class="bttext">100倍故障赔偿</span></td>
                <td><img src="../image/ting.png" class="iconver">
                    <span class="bttext">7*24小时售后支持</span></td>
                <td><img src="../image/qian.png" class="iconver">
                    <span class="bttext">7天无理由退款</span></td>
                <td><img src="../image/bei.png" class="iconver">
                    <span class="bttext">备案多久送多久</span></td>
            </tr>
        </table>
    </div>
    <hr style="color: #000000"/>
    <div>
        <div style="margin-top: 40px">
            <table align="center" width="30%">
                <tr>
                    <td><a href="../index.html" target="_self"><span class="bottindex">首页</span></a></td>
                    <td><a href="news.html" target="_self"><span class="bottindex">新闻动态</span></a> </td>
                    <td><a href="aboutus.html" target="_self"><span class="bottindex">关于我们</span></a></td>
                    <td><a href="chatus.html" target="_self"><span class="bottindex">联系我们</span></a></td>
                    <td><a href="service.html" target="_self"><span class="bottindex">服务介绍</span></a></td>
                </tr>
                <tr align="center">
                    <td colspan="5" style="padding-top: 20px;padding-bottom: 10px">
                        <span style="color: #a4a4a4;">&copy;2016&nbsp;IT公司&nbsp;版权所有</span>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>

</body>
</html>